<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./jpg/ram.png" type="image/x-icon">
    <title>个人博客</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <audio src="./music/bgm.mp3" autoplay="autoplay" loop="loop" id="bgAudio"></audio>
    <script type="text/javascript" src="./js/animate.js"></script>

    <link href="css/bootstrap-3.1.1.min.css" rel="stylesheet" type="text/css">
    <!-- Custom Theme files -->
    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <script src="js/jquery.min.js">
    </script>
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
    <!--/script-->


</head>

</head>

<body>

    <div class="menu">
        <div class="left">
            <ul>
                <li><img src="./jpg/demo3.png"></li>
                <li><a href="#">首页</a></li>
                <li>
                    <a href="./webs/live.html" target="_blank">随笔</a>
                </li>
                <li>
                    <a href="./webs/fun.html" target="_blank">娱乐</a>
                </li>
                <li><a href="./webs/record.html" target="_blank">留言</a></li>
                <li><a href="./webs/resume.html" target="_blank">个人中心</a></li>

            </ul>

        </div>
        <div class="right">
            <ul>

                <li>
                    <a href="./webs/set.html" target="_blank"> <img src="./jpg/set.png" width="30px" height="30px"></a>
                </li>
                <li>
                    <a href="./webs/sign.html" target="_blank">
                        <img src="./jpg/logon.png" width="30px" height="30px">
                    </a>
                </li>
                <li>
                    <input type="text" placeholder="请输入..." name="" id="" value="" style="border-top-left-radius: 15px;
                    border-top-right-radius: 15px;
                    border-bottom-left-radius: 15px;
                    border-bottom-right-radius: 15px;" />&nbsp;&nbsp;
                    <a href="./webs/find.html" target="_blank"><button style="border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                    border-bottom-left-radius: 12px;
                    border-bottom-right-radius: 12px;">搜索</button>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <div id="banner">
        <div class="slide">
            <a href="#"><img src="./jpg/bg.png"></a>
            <a href="./webs/live.html" target="_blank"><img src="./jpg/bg05.png"></a>
            <a href="./webs/fun.html" target="_blank"><img src="./jpg/bg08.png"></a>
            <a href="./webs/record.html" target="_blank"><img src="./jpg/bg09.png"></a>

        </div>
        <ul class="slick-dots">
            <li><label></label></li>
            <li><label></label></li>
            <li><label></label></li>
            <li><label></label></li>
        </ul>
    </div>

    <div class="main-content">
        <div class="container">
            <div class="mag-inner">
                <div class="col-md-8 mag-innert-left jghdl">
                    <div class="issues">
                        <h3><a href="#">好好生活,热爱生活! </a></h3>
                        <p>人活着本就没有意义，但活下去就会发现有意思的事。比如你看见了花，而我遇见了发发。</p>
                    </div>
                    <!--/start-Technology-->
                    <div class="technology">
                        <h2 class="tittle"><i class="glyphicon glyphicon-hand-right" aria-hidden="true"></i>朝花</h2>
                        <div class="col-md-6 tech-img">
                            <img src="./jpg/tech.jpg" class="img-responsive" alt="" />
                        </div>
                        <div class="col-md-6 tech-text">
                            <div class="editor-pics">
                                <div class="col-md-3 item-pic">
                                    <img src="./jpg/f1.jpg" class="img-responsive" alt="" />

                                </div>
                                <div class="col-md-9 item-details">
                                    <h5 class="inner two"><a href="./webs/live.html">  阿里、头条、网易等 19 家大厂面试题</a></h5>
                                    <div class="td-post-date two">2021-6-09</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="editor-pics">
                                <div class="col-md-3 item-pic">
                                    <img src="./jpg/f2.jpg" class="img-responsive" alt="" />

                                </div>
                                <div class="col-md-9 item-details">
                                    <h5 class="inner two"><a href="./webs/live.html">前端进阶算法1：如何分析、统计算法的执行效率和资源消耗？</a></h5>
                                    <div class="td-post-date two">2021-5-25</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="editor-pics">
                                <div class="col-md-3 item-pic">
                                    <img src="./jpg/f3.jpg" class="img-responsive" alt="" />

                                </div>
                                <div class="col-md-9 item-details">
                                    <h5 class="inner two"><a href="./webs/live.html">Computed本质是一个具备缓存的watcher</a></h5>
                                    <div class="td-post-date two">2020-11-21</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="editor-pics">
                                <div class="col-md-3 item-pic">
                                    <img src="./jpg/f4.jpg" class="img-responsive" alt="" />

                                </div>
                                <div class="col-md-9 item-details">
                                    <h5 class="inner two"><a href="./webs/live.html">南京地铁以及游玩路线</a></h5>
                                    <div class="td-post-date two">2020-8-19</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="editor-pics">
                                <div class="col-md-3 item-pic">
                                    <img src="./jpg/f5.jpg" class="img-responsive" alt="" />

                                </div>
                                <div class="col-md-9 item-details">
                                    <h5 class="inner two"><a href="./webs/live.html">程序员们有趣的梗</a></h5>
                                    <div class="td-post-date two">2020-2-1</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <!--//end-Technology-->

                </div>
                <div class="col-md-4 mag-inner-right">
                    <div class="connect">
                        <h4 class="side"><i class="glyphicon glyphicon-hand-right" aria-hidden="true"></i>分享</h4>
                        <ul class="stay">
                            <li class="c5-element-facebook"><a href="#"><span class="icon"></span><h4>分享到</h4><span class="text">QQ</span></a>
                            </li>
                            <li class="c5-element-twitter"><a href="#"><span class="icon1"></span><h4>分享到</h4><span class="text">微信</span></a></li>
                            <li class="c5-element-gg"><a href="#"><span class="icon2"></span><h4>分享到</h4><span class="text">微博</span></a></li>
                            <li class="c5-element-dribble"><a href="#"><span class="icon3"></span><h4>分享到</h4><span class="text">GitHub</span></a></li>

                        </ul>
                    </div>
                    <div class="modern">

                        <!-- requried-jsfiles-for owl -->

                    </div>
                    <h4 class="side"><i class="glyphicon glyphicon-file" aria-hidden="true"></i>白马过隙</h4>
                    <div class="edit-pics">
                        <br/>

                        <h3>
                            当前时间为：
                        </h3>
                        <br/>
                        <br/>
                        <label for="meeting"></label><input id="meeting" type="date" value="2025-03-01" />

                    </div>

                    <!--//edit-pics-->
                </div>
                <div class="clearfix"></div>
            </div>
            <!--//end-mag-inner-->
            <!--/mag-bottom-->
            <div class="mag-bottom">
                <h3 class="tittle bottom"><i class="glyphicon glyphicon-globe"></i>夕拾</h3>
                <div class="grid">
                    <div class="col-md-4 m-b">
                        <a href="./webs/live.html">
                            <figure class="effect-layla">
                        </a>
                        <img src="./jpg/pic.jpg" alt="img25" />
                        <figcaption>
                            <h4>山城降生<span>重庆</span></h4>

                        </figcaption>
                        </figure>
                        <div class="m-b-text">
                            <a href="./webs/live.html" class="wd">丹妮一发·陈格利安 </a>
                            <p>前设计院院花，直播界泥石流，不睡者，万儿之母，暴击女王，斗鱼主机区的解放者，约德尔人、霍比特人的女王</p>
                            <a class="read" href="./webs/live.html">更多</a>
                        </div>
                    </div>
                    <div class="col-md-4 m-b">
                        <figure class="effect-layla">
                            <a href="./webs/live.html"> <img src="./jpg/pic2.jpg" alt="img25" /></a>
                            <figcaption>
                                <h4>防空系统<span>拦截</span></h4>
                            </figcaption>
                        </figure>
                        <div class="m-b-text">
                            <a href="./webs/live.html" class="wd">叙防空系统对来袭导弹进行拦截</a>
                            <p>叙利亚军方当地时间6月8日称，以色列当天深夜空袭叙中部和南部多个目标，袭击未造成人员伤亡。</p>
                            <a class="read" href="./webs/live.html">更多</a>
                        </div>
                    </div>
                    <div class="col-md-4 m-b">
                        <figure class="effect-layla">
                            <a href="./webs/live.html"><img src="./jpg/pic1.jpg" alt="img25" /></a>
                            <figcaption>
                                <h4>正义联盟<span>黑超</span></h4>
                            </figcaption>
                        </figure>
                        <div class="m-b-text">
                            <a href="./webs/live.html" class="wd">正义联盟：扎克•施奈徳版 </a>
                            <p>华视网聚数字院线独家发行、全网上线《正义联盟：扎克•施奈徳版》</p>
                            <a class="read" href="./webs/live.html">更多</a>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--//mag-bottom-->
        </div>
    </div>
    <!--//end-main-->
    <!--/start-footer-section-->
    <div class="footer-section">
        <div class="container">
            <div class="footer-grids">
                <div class="col-md-4 footer-grid">
                    <h4>热门点击</h4>
                    <div class="editor-pics">
                        <div class="col-md-3 item-pic">
                            <img src="./jpg/f1.jpg" class="img-responsive" alt="" />

                        </div>
                        <div class="col-md-9 item-details">
                            <h5 class="inner"><a href="#">阿里、头条、网易等 19 家大厂面试题</a></h5>
                            <div class="td-post-date">点击量 985 015</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="editor-pics">
                        <div class="col-md-3 item-pic">
                            <img src="./jpg/f2.jpg" class="img-responsive" alt="" />

                        </div>
                        <div class="col-md-9 item-details">
                            <h5 class="inner"><a href="#">前端进阶算法1：如何分析、统计算法的执行效率和资源消耗？</a></h5>
                            <div class="td-post-date">点击量 222 345</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="editor-pics">
                        <div class="col-md-3 item-pic">
                            <img src="./jpg/f3.jpg" class="img-responsive" alt="" />

                        </div>
                        <div class="col-md-9 item-details">
                            <h5 class="inner"><a href="#">Computed本质是一个具备缓存的watcher</a></h5>
                            <div class="td-post-date">点击量 222 015</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-4 footer-grid">
                    <h4>关于</h4>
                    <ul class="td-pb-padding-side">
                        <li><a href="#">隐私</a></li>
                        <li>
                            <a href="#">法律条例</a>
                        </li>
                        <li><a href="#">成就</a></li>
                        <li>
                            <a href="#">灵感</a>
                        </li>
                        <li><a href="#">留言</a></li>
                        <li>
                            <a href="#">公司地址</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 footer-grid">
                    <h4>资源</h4>
                    <ul class="td-pb-padding-side">
                        <li><a href="#">感谢</a></li>
                        <li><a href="#">专利</a></li>
                        <li><a href="#">照片及视频</a></li>
                        <li>
                            <a href="#">帮助</a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!--//end-footer-section-->
    <!--/start-copyright-section-->
    <div class="copyright">
        <p>Copyright &copy; 2021.芥子 by<a href="#">八斗</a></p>
    </div>


    <!--start-smoth-scrolling-->

    <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


    <!--JS-->
    <script type="text/javascript" src="./js/bootstrap-3.1.1.min.js"></script>

    <!--//JS-->
    </div>
</body>

</html>